import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import User from '../components/user/User.vue'
import Manager from '../components/user/Manager.vue'

Vue.use(VueRouter)

const routes = [
  {path:'/',redirect:"/login"},
  {path:"/login",component: Login },
  {path:"/home",component: Home,redirect: "/Welcome",
    children:[
      {path:"/Welcome",component: Welcome},
      {path:"/Manager",component: Manager},
      {path:"/User",component: User}
    ]
  }
]

const router = new VueRouter({
  routes
})

// 拦截路由导航守卫
router.beforeEach( (to,from,next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行
  // next()  放行   next('login') 强制跳转
  if(to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token');
  if(!tokenStr)return next('/login');
  next();
});

export default router
